<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./css/index.bundle.css">
</head>
<body data-spy="scroll" data-target="#myScrollspy">

<!-- 响应式导航 -->
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a href="#" class="navbar-brand">
                <img src="" alt=""/>
            </a>
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="./index.html"><span class="glyphicon glyphicon-calendar"></span> 周报展示</a></li>
                <li><a href="./updata.html"><span class="glyphicon glyphicon-paperclip"></span> 周报上传</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-th-list"></span> 周报归档</a></li>
            </ul>
        </div>
    </div>
</nav>

<!-- jumbotron-->
<div class="jumbotron">
    <div class="container">
        <hgourp>
            <h1>周报展示</h1>
            <h3>这是一个非常简陋的周报展示系统</h3>
        </hgourp>

    </div>
</div>


<div class="container">
    <div class="row">
        <div class="col-md-3" id="myScrollspy">
            <ul class="nav nav-list nav-tabs" id="student" data-spy="affix" data-offset-top="300">


                <li class="active"><a href="#section-1">section-1</a></li>
                <li><a href="#section-2">section-2</a></li>
                <li><a href="#section-3">section-3</a></li>
                <li><a href="#section-4">section-4</a></li>
                <li><a href="#section-5">section-5</a></li>

            </ul>

        </div>
        <div class="col-md-9">
            <div class="container-fluid" id="report-content">

                <section id="section-1">
                    <div class="page-header">
                        <h1><a href="#" id="student_name">XXX</a>第<a href="#">XX</a>周周报内容</h1>
                    </div>
                    <h3>本周工作总结</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>本周存在问题</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>下周工作计划</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>下周预计产出</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                </section>
                <section id="section-2">
                    <div class="page-header">
                        <h1><a href="#" id="student_name">XXX</a>第<a href="#">XX</a>周周报内容</h1>
                    </div>
                    <h3>本周工作总结</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>本周存在问题</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>下周工作计划</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>下周预计产出</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                </section>
                <section id="section-3">
                    <div class="page-header">
                        <h1><a href="#" id="student_name">XXX</a>第<a href="#">XX</a>周周报内容</h1>
                    </div>
                    <h3>本周工作总结</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>本周存在问题</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>下周工作计划</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>下周预计产出</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                </section>
                <section id="section-4">
                    <div class="page-header">
                        <h1><a href="#" id="student_name">XXX</a>第<a href="#">XX</a>周周报内容</h1>
                    </div>
                    <h3>本周工作总结</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>本周存在问题</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>下周工作计划</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>下周预计产出</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                </section>
                <section id="section-5">
                    <div class="page-header">
                        <h1><a href="#" id="student_name">XXX</a>第<a href="#">XX</a>周周报内容</h1>
                    </div>
                    <h3>本周工作总结</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>本周存在问题</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>下周工作计划</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                    <h3>下周预计产出</h3>
                    <p>1.</p>
                    <p>2.</p>
                    <p>3.</p>
                </section>

            </div>
        </div>
    </div>
</div>

<div id="dm-notif"></div>
<footer id="footer">
    <div class="container">
        <p>周报展示 | 周报上传 | 周报归档</p>
        <p> © 2016- &nbsp; Powered by Bootstrap.</p>
    </div>
</footer>
<script type="text/javascript" src="./index.bundle.js">

</script>
</body>

</html>
